<template >
    <div >
        <h1>预约系统</h1>
        <el-carousel :interval="4000" type="card" >
            <el-carousel-item v-for="item in lunbotu" :key="item.title">
              <el-image :src="item.url"></el-image>
            </el-carousel-item>
          </el-carousel>
    </div>
</template>
<script>


export default {
    name:"myIndex",
    data() {
        return {
          publicPath: process.env.BASE_URL,
            lunbotu:[{
              title:"111",
              url:"/img/lbt1.png"
            },
            {
              title:"222",
              url:"/img/lbt2.png"
            },
            {
              title:"333",
              url:"/img/lbt3.png"
            },]
        }
    },
    
}
</script>
<style scoped>
    .el-carousel__item h3 {
    color: #475669;
    font-size: 26px;
    opacity: 0.75;
    line-height:calc(70vh);
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
</style>